@import "../global-connect";

.ix-navigation {
  .tpl(@height, @padding) {
    .ix-box.in(@padding);
    .ix-font.line(@height);
  }
}

.ux-navigation-fix {
  // 1280 x 1024
  @media (min-width: @screen-xl) and (max-width: @screen-xxl) {
    .ix-navigation.tpl(36, 8px 20px 0 20px);
  }
  // > 1600
  @media (min-width: @screen-xxl) {
    .ix-navigation.tpl(46, 12px 24px 0 24px);
  }
}